<!doctype html>
<html lang="en" class="no-js">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">


<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="css/main.css">
<link rel=stylesheet type=text/css href="css/main1.css">
<link rel="stylesheet" href="css/swiper.min.css">
<link rel="stylesheet" href="css/certify.css">
<link rel="stylesheet" href="css/style.css" type="text/css" />
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/helang.css">
<link href="css/style1.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/zySearch.css" type="text/css" />
<link rel="stylesheet" href="css/style2.css">
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="js/script.js"></script>
<link rel="stylesheet" href="css/zySearch.css" type="text/css" />



<title>期末作业</title>
<style>
/* 选项卡 */
body {
	font: 12px/20px Open Sans,微软雅黑, Helvetica, Arial, sans-serif;
	background:#F9F9F9;
	margin:0;
	padding:0;
	color:#555555;
	min-width:1000px
}
a {
	color:#111111;
	text-decoration:none;
	-webkit-transition:color 0.2s linear;
    -moz-transition:color 0.2s linear;
    -o-transition:color 0.2s linear;
    transition:color 0.2s linear
}
a:focus , a:link, a:active { outline:none}
a:hover { color:#F30}
ol, ul, li{	list-style: none}
*{margin:0;padding:0}
html,body { margin:0; padding:0; height:100%}
.table_card { width:720px; margin:0 auto;margin-top: 20px}
.table_card .tab { height:37px; font-size:14px; border-bottom:1px #e1e1e1 solid}
.table_card .tab li { float:left; height:36px; line-height:36px; padding:0 25px; margin-right:5px; background:#f0f0f0; border-top:1px #e1e1e1 solid; border-left:1px #e1e1e1 solid; border-right:1px #e1e1e1 solid;}
.table_card .tab li:hover { height:37px; background:#fff; color:#333; cursor:pointer}
.table_card .activ { height:37px !important; background:#fff !important; color:#333}
.table_card .tabCon { background:#fff; padding:15px; border-bottom:1px #e1e1e1 solid; border-left:1px #e1e1e1 solid; border-right:1px #e1e1e1 solid;}
.table_card .tabCon div { display:none}
.table_card .tabCon .on { display:block}

.newslist01 { font-size:14px; }
.newslist01 li { line-height:36px;}
.newslist01 li .ding { color:#F30; margin-left:5px}
.newslist01 li .time { float:right; font-size:12px; color:#888}
</style>
</head>
   <header>
    <!-- 通栏菜单 -->
    <div class="topbar hidden-sm hidden-xs">
	   <div class="container">
		  <div class="col-md-2">美啦欢迎你！</div>
		   <div class="col-md-2">
		   <a href="#" class="text-muted">
              <i class="icon-mobilephone"></i>
              <span>手机美啦</span>
              <i class="glyphicon glyphicon-chevron-down"></i>
            </a>
		   </div>
		   <div class="col-md-3"><a href="https://passport.jumei.com/i/account/login" class="btn btn-danger">请登录</a>   <a href="https://passport.jumei.com/i/account/signup?login&redirect=http%3A%2F%2Fgz.jumei.com%2F%3Freferer%3Dbaidusempp000065" class="btn btn-info">快速注册</a></div>
		   <div style="">
		<span class="zySearch" id="zySearch"></span>
	    </div>
       </div>
	</div>
   </header>
<body>
<br>
	<div class="navBar">
		<ul class="nav clearfix">
			<li class="m">
			<h3><a target="_blank" href="#">首页</a></h3>
			</li>
			<li class="s">|</li>
			<li class="m">
			<h3><a target="_blank" href="#" title="美妆商城">美妆商城</a></h3>
			<ul class="sub">
				<li><a href="#" title="护肤">护肤</a></li>
				<li><a href="#" title="彩妆">彩妆</a></li>
				<li><a href="#" title="面膜">面膜</a></li>
				<li><a href="#" title="防晒">香氛</a></li>
			</ul>
			</li>
			<li class="s">|</li>
			<li class="m">
			<h3><a target="_blank" href="#">看我变美</a></h3>
			<ul class="sub">
				<li><a href="#" title="变美达人">变美达人</a></li>
				<li><a href="#" title="变美教程">变美教程</a></li>
				<li><a href="#" title="变美工具">变美工具</a></li>
				<li><a href="#" title="变美同城">变美同城</a></li>
			</ul>
			</li>
			<li class="s">|</li>
			<li class="m">
			<h3><a target="_blank" href="#">变美日记</a></h3>
			<ul class="sub" style="display: none;">
				<li><a href="#" title="变美笔记">变美笔记</a></li>
				<li><a href="#" title="好物分享">好物分享</a></li>
				<li><a href="#" title="变美打卡">变美打卡</a></li>
				<li><a href="#" title="变美社区">变美社区</a></li>
			</ul>
			</li>
			<li class="s">|</li>
			<li class="m">
			<h3><a target="_blank" href="#" title="免税海淘">免税海淘</a></h3>
			<ul class="sub" style="display: none;">
				<li><a href="#" title="每日上新">每日上新</a></li>
				<li><a href="#" title="限时特购">限时特购</a></li>
				<li><a href="#" title="海外旗舰">海外旗舰</a></li>
				<li><a href="#" title="海淘拼单">海淘拼单</a></li>
			</ul>
			</li>
			<li class="s">|</li>
			<li class="m">
			<h3><a target="_blank" href="#" title="专柜易购">专柜易购</a></h3>
			<ul class="sub" style="display: none;">
				<li><a href="#" title="新品预定">新品预定</a></li>
				<li><a href="#" title="门店提货">门店提货</a></li>
				<li><a href="#" title="真伪验货">真伪验货</a></li>
				<li><a href="#" title="门店查询">门店查询</a></li>
			</ul>
			</li>
			<li class="s">|</li>
			<li class="m">
			<h3><a target="_blank" href="#" title="关于我们">关于我们</a></h3>
			<ul class="sub" style="display: none;">
				<li><a href="#" title="成长历史">成长历史</a></li>
				<li><a href="#" title="企业文化">企业文化</a></li>
				<li><a href="#" title="人才招聘">人才招聘</a></li>
			</ul>
			</li>
			<li class="s">|</li>
			<li class="m">
			<h3><a target="_blank" href="#" title="联系我们">联系我们</a></h3>
			<ul class="sub" style="display: none;">
				<li><a href="#" title="联系方式">联系方式</a></li>
			</ul>
			</li>
			<li class="block" style="left: 251px;"></li>
		</ul>
	</div>
</br>
<br>
</br>

	<div class="hc_lnav jslist">
	<div class="allbtn">
		<h2><a href="#"><strong>&nbsp;</strong>全部商品分类<i>&nbsp;</i></a></h2>
		<ul style="width:190px" class="jspop box">
			<li class=a1>
				<div class=tx><a href="#"><i>&nbsp;</i>美妆商城</a> </div>
				<dl>
					<dt>热门</dt>
					<dd>
						<a href="#">圣诞妆</a>
						<a href="#">兰蔻小黑瓶</a>
						<a href="#">Olay大红瓶</a>
						<a href="#">Dior</a> 
					</dd>
				</dl>
			
				<div class=pop>
					<h3><a href="#">各地名优产品</a></h3>
					<dl>
						<dl>
							<dt>护肤</dt>
							<dd>
								<a class="ui-link" href="#">悦木之源</a>
								<a class="ui-link"  href="#">Olay</a>
								<a class="ui-link" href="#">兰蔻</a>
								<a class="ui-link"   href="#">资生堂</a> 
								<a class="ui-link" href="#">Fresh</a>
							</dd>
						</dl>
						<dl>
							<dt>彩妆</dt>
							<dd>
								<a class="ui-link" href="">欧莱雅</a> 
								<a class="ui-link"  href="">BOBBI BROWN</a>
								<a class="ui-link" href="">MAC</a>
								<a class="ui-link"  href="">雅诗兰黛</a> 
								<a class="ui-link" href="">YSL圣罗兰</a>
								<a class="ui-link" href="">DHC</a>
							</dd>
						</dl>
						<dl>
							<dt>面膜</dt>
							<dd>
								<a class="ui-link" href="" >美即</a>
								<a class="ui-link"  href="">修丽可</a>
								<a class="ui-link"  href="">兰芝</a>
								<a class="ui-link"   href="">科颜氏</a>
								<a class="ui-link"  href="">薇诺娜</a>
								<a class="ui-link"  href="">utena佑天兰</a>
								<a class="ui-link"   href="">肌美精</a>
							</dd>
						</dl>
						<dl>
							<dt>香薰</dt>
							<dd>
								<a class="ui-link" href="">阿芙</a> 
								<a class="ui-link"  href="">THEBEAST野兽派</a> 
								<a class="ui-link" href="">气味图书馆</a>
								<a class="ui-link"  href="">air funk</a>
								<a class="ui-link"  href="">钻石森林</a> 
								<a class="ui-link" href="">熊宝贝</a>
							</dd>
						</dl>
						
						<dt>价格</dt>
						<dd>
							<a  href="">100元及以下</a> 
							<a  href="">100-300元</a>
							<a  href="">300元及以上</a>
						</dd>
					</dl>
					<dl>
						<dt>原产地</dt>
						<dd>
							<a  href="" >中国</a> 
							<a   href="">美国</a> 
							<a  href="">韩国</a> 
							<a   href="">日本</a>
							<a  href="" >法国</a> 
							<a  href="" >英国</a> 
							<a  href="" >澳大利亚</a> 
						</dd>
					</dl>
					
				
			</li>
			<li class=a2>
				<div class=tx><a href=""><i>&nbsp;</i>看我变美</a> </div>
				<dl>
					<dt>推荐</dt>
					<dd>
						<a href="">圣诞小鹿妆</a> 
						<a href="">秋日复古妆</a>
						<a href="">雪花妆</a>
						<a href="" >桃花妆</a>
					</dd>
				</dl>
				<div class=pop>
					<h3><a href="">变美来呀</a></h3>
					<dl>
						<dl>
							<dt>变美教程</dt>
							<dd>
								<a class="ui-link" href="" >圣诞麋鹿妆</a>
								<a class="ui-link"    href="">秋日复古妆</a> 
								<a  class="ui-link" href="">雪花妆</a> 
								<a class="ui-link"   href="" >冬日暖心妆</a>
								
							</dd>
						</dl>
						<dl>
							<dt>变美达人</dt>
							<dd>
								<a class="ui-link" href="" >Lucy Chan</a>
								<a class="ui-link"  href=""  >Sylvia</a> 
								<a class="un ui-link"   href="">陈小雅</a>
								<a    class="ui-link" href="" >Rihanna</a>
								<a class="ui-link"   href="">阿沁</a>
							</dd>
						</dl>
						<dl>
							<dt>变美工具</dt>
							<dd>
								<a class="ui-link"   href="">美妆蛋</a> 
								<a class="ui-link"   href="">眉笔</a>
								<a class="ui-link"   href="">眼线笔</a>
								<a class="ui-link"   href="">睫毛夹</a>
								<a class="ui-link"   href="">粉底刷</a>
								<a class="ui-link"   href="">唇刷</a>
								<a class="ui-link"   href="">粉底刷</a>
							</dd>
						</dl>
					</dl>
					<dl>
						<dt>变美同城</dt>
						<dd>
							<a class="ui-link"   href="">北京</a>
							<a class="ui-link"   href="">上海</a>
							<a class="ui-link"   href="">广州</a>
							<a class="ui-link"   href="">深圳</a>
							<a class="ui-link"   href="">杭州</a>
							<a class="ui-link"   href="">香港</a>
						</dd>
					</dl>
					
					<div class=clr></div>
					<div class=act><a href=""><img src="images/圣诞插图.png" /></a></div>
				</div>
			</li>
			<li class=a3>
				<div class=tx><a href=""><i>&nbsp;</i>变美日记</a> </div>
				<dl>
					<dt>热门</dt>
					<dd>
						<a href="" >十月好物</a> 
						<a href="">Journal with me</a>
					</dd>
				</dl>
				<div class=pop>
					<h3><a href="">变美日记</a></h3>
					<dl>
						<dl>
							<dt>变美笔记</dt>
							<dd>
								<a class="ui-link" href="">Journal with me</a>
								<a class="ui-link"  href="">从化妆小白到御姐化妆师</a> 
								<a class="ui-link"  href="">整牙五年</a>
						</dl>
					</dl>
					<dl>
						<dt>好物分享</dt>
						<dd>
							<a  href="">十月好物分享，不怕吃土买买买</a>
							<a  href="">我的变白神器</a>
							<a   href="">滋润秋冬必备</a> 
							<a  href="">独宠涂抹式面膜</a>
						</dd>
					</dl>
					<dl>
						<dt>变美打卡</dt>
						<dd>
							<a href="">“美”天打卡</a>
							<a  href="">打卡日历</a>
							<a  href="">积分查询</a>
							<a  href="">积分商城</a>
						</dd>
					</dl>
					<dl>
						<dt>变美社区</dt>
						<dd>
							<a href="">添加好友</a>
							<a  href="">发送私信</a>
							<a  href="">评论</a>
							<a  href="">点赞</a>
						</dd>
					</dl>
					<div class=clr></div>
					<div class=act><a href=""><img src="images/彩妆.png" /></a></div>
				</div>
			</li>
			<li class=a4>
				<div class=tx><a href=""><i>&nbsp;</i>免税海淘</a> </div>
				
				<div class=pop>
					<h3><a href="">免税海淘</a></h3>
					<dl>
						<dl>
							<dt>每日上新</dt>
							<dd>
								<a class="ui-link" href="">the ordinary</a>
								<a class="ui-link"   href="">adidas kids</a>
								<a  class="un ui-link" href="">CASSELINI</a>
								<a class="ui-link"   href="">Syrene</a>
							</dd>
						</dl>
						<dl>
							<dt>限时特购</dt>
							<dd>
								<a class="ui-link"  href="">8:00</a>
								<a class="ui-link"  href="">11:00</a> 
								<a class="ui-link" href="javascript:;">15:00</a>
								<a  class="ui-link" href="">20:00</a>
							</dd>
						</dl>
					</dl>
					<dl>
						<dt>海外旗舰</dt>
						<dd>
							<a href="">RAY</a>
							<a  href="">Byphasse</a>
							<a href="">ElizabethArden</a>
							<a href="">Dr.Ci:Labo</a>
							<a href="">GIVENCHY</a>
						</dd>
					</dl>
					<dl>
						<dt>海淘拼单</dt>
						<dd>
							<a  href="">100元及以下</a>
							<a  href="">100-300元</a>
							<a  href="">300元及以上</a>
						</dd>
					</dl>
					<div class=clr></div>
					<div class=act><a href=""><img src="images/海淘.png" /></a> </div>
				</div>
			</li>
			<li class=a5>
				<div class=tx><a href=""><i>&nbsp;</i>专柜易购</a> </div>
				
				<div class=pop>
					<h3><a href="">专柜易购</a></h3>
					<dl>
						<dl>
							<dt>新品预定</dt>
							<dd>
								<a class="ui-link" href="" >CPB爱丽丝梦游仙境</a>
								<a class="ui-link"    href="">Nars几何</a> 
								<a  class="ui-link" href="">SUQQU萬華鏡の魔法</a> 
								<a class="ui-link"   href="" >植村秀La Maison Du Chocolat</a>
								
							</dd>
						</dl>
						<dl>
							<dt>门店提货</dt>
							<dd>
							<a class="ui-link"   href="">北京SOGO</a>
							<a class="ui-link"   href="">上海大悦城</a>
							<a class="ui-link"   href="">广州正佳</a>
							<a class="ui-link"   href="">广州天河城</a>
							<a class="ui-link"   href="">香港SOGO</a>
							</dd>
						</dl>
						<dl>
							<dt>真伪验货</dt>
							<dd>
								<a class="ui-link"   href=""><a href="http://www.zpjbw.com/">正品检验网</a></a> 
								<a class="ui-link"   href=""><a href="http://www.china3-15.com/">中国商品检验中心</a></a>
								<a class="ui-link"   href=""><a href="http://www.315fangwei.com/">全国315产品防伪查询中心</a></a>
							</dd>
						</dl>
					</dl>
					<dl>
						<dt>门店查询</dt>
						<dd>
							<a class="ui-link"   href="">北京</a>
							<a class="ui-link"   href="">上海</a>
							<a class="ui-link"   href="">广州</a>
							<a class="ui-link"   href="">深圳</a>
							<a class="ui-link"   href="">杭州</a>
							<a class="ui-link"   href="">香港</a>
						</dd>
					</dl>
					<div class=clr></div>
					<div class=act><a href=""><img src="images/专柜.png" /></a> </div>
				</div>
				
					<li class=a6>
				<div class=tx><a href=""><i>&nbsp;</i>关于我们</a> </div>
				
				<div class=pop>
					<h3><a href="">关于我们</a></h3>
					<dl>
						<dt></dt>
							<dd>
								<div class="ui-link" href="" ></div>
							<dd>
							<dd>
								<div class="ui-link" href="" ></div>
							<dd>
						</dl>
						<dl>
					<dl>
						<dl>
							<div class="ui-link" style="text-align:center;">我们有话要说</div>
							
							<dd>
								<div class="ui-link" href="" ></div>
							<dd>
							
						</dl>
						<dl>
						<dt></dt>
							<dd>
								<div class="ui-link" href="" ></div>
							<dd>
							<dd>
								<div class="ui-link" href="" >我我们是一家专注于品质的，集合化妆美肤、好物分享、变美笔记和海淘的神奇商城。</div>
							<dd>
						
							<dd>
								<div class="ui-link" href="" ></div>
							<dd>
							<dd>
								<div class="ui-link" href="" >用用户可以在本网站随心购买无假货的化妆护肤用品，可自行专柜提货，感受新时代的完美购物体验</div>
							<dd>
							<dd>
								<div class="ui-link" style="text-align:right;" >——创始人：林家慧，邓敏华</div>
							<dd>
						</dl>
						<div class=clr></div>
					<div class=act><a href=""><img src="images/我们.png" /></a> </div>
				</div>
						
					</dl>
			</li>
		</ul>
	</div>
</div>
<div id="certify">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="images/cpb1.png" /><p>CPB | Collection Féeries d’Hiver</p></div>
<div class="swiper-slide"><img src="images/资生堂1.png" /><p>资生堂 | Snow Beauty</p></div>
<div class="swiper-slide"><img src="images/molton-brown1.png" /><p>MOLTON BROWN | 2018圣诞日历</p></div>
<div class="swiper-slide"><img src="images/mac1.png" /><p>MAC | Snowball</p></div>
<div class="swiper-slide"><img src="images/JILLSTUART1.png" /><p>JILLSTUART | White Love Story</p></div>
</div>
</div>
<div class="swiper-pagination"></div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>

<div class="side">
	<ul>

		<li><a href="#"><div class="sidebox"><img src="img/side_icon01.png">客服中心</div></a></li>

		<li><a href="#"><div class="sidebox"><img src="img/side_icon02.png">客户案例</div></a></li>

		<li><a href="javascript:void(0);" ><div class="sidebox"><img src="img/side_icon04.png">QQ客服</div></a></li>

		<li><a href="javascript:void(0);" ><div class="sidebox"><img src="img/side_icon03.png">新浪微博</div></a></li>
		
		<li><a href="javascript:void(0);" ><div class="sidebox"><img src="img/side_icon06.png">Github</div></a></li>

		<li style="border:none;"><a href="javascript:goTop();" class="sidetop"><img src="img/side_icon05.png"></a></li>

	</ul>
</div>

<div class="warpbox">
    <!--# 选项卡 -->
        <div class="table_card">
            <ul class="tab">
               <li class="activ">最新</li>
               <li>好物上新</li>
               <li>变美日记</li>
			   <li>海淘那些事</li>
			   <li>专柜易购</li>
            </ul>
            <div class="tabCon">
                <div class="on">
                    <ul class="newslist01">
                        <li><a href="#"><span>【圣诞来袭】</span>颜值即正义！<span class="ding">【置顶】</span></a><span class="time">2018-11-16</span></li>
                        <li><a href="#"><span>【圣诞来袭】</span>美妆:最佳化妆为圣诞节🎄!<span class="ding"></span></a><span class="time">2018-12-1</span></li>
                        <li><a href="#"><span>【圣诞来袭】</span>抢钱的圣诞美妆礼盒大盘点,吃土也要买!<span class="ding">【置顶】</span></a><span class="time">2018-12-2</span></li>
                        <li><a href="#"><span>【圣诞来袭】</span>美妆教程|圣诞节小鹿妆容🦌<span class="ding">【置顶】</span></a><span class="time">2018-12-3</span></li>
                        <li><a href="#"><span>【圣诞来袭】</span>2018圣诞女盆友的终极美妆愿望清单TOP10<span class="ding"></span></a><span class="time">2018-12-5</span></li>
                        <li><a href="#"><span>【圣诞来袭】</span>2018美妆圣诞日历大盘点🔔<span class="ding">【置顶】</span></a><span class="time">2018-12-8</span></li>
                </div>
                <div>
                    <ul class="newslist01">
						<li><a href="#"><span>【快来买我鸭】</span>CPB | Collection Féeries d’Hiver<span class="ding"></span></a><span class="time">2018-11-16</span></li>
                        <li><a href="#"><span>【快来买我鸭】</span>JILLSTUART | White Love Story ❤!<span class="ding"></span></a><span class="time">2018-12-1</span></li>
                        <li><a href="#"><span>【快来买我鸭】</span>兰蔻 | 2018圣诞日历 📅<span class="ding">【置顶】</span></a><span class="time">2018-12-2</span></li>
                        <li><a href="#"><span>【快来买我鸭】</span>MOLTON BROWN | 2018圣诞日历 📅<span class="ding"></span></a><span class="time">2018-12-3</span></li>
                        <li><a href="#"><span>【快来买我鸭】</span>MAC | Snowball<span class="ding"></span></a><span class="time">2018-12-5</span></li>
                        <li><a href="#"><span>【快来买我鸭】</span>资生堂 | Snow Beauty ❄<span class="ding">【置顶】</span></a><span class="time">2018-12-8</span></li>
                    
                    </ul>
                </div>
                <div>
                    <ul class="newslist01">
                        <li><a href="#"><span>【变美哪些事】</span>Journal with me ☀<span class="ding"></span></a><span class="time">2018-11-16</span></li>
                        <li><a href="#"><span>【变美哪些事】</span>从化妆小白到御姐化妆师的蜕变!💄<span class="ding">【置顶】</span></a><span class="time">2018-12-1</span></li>
                        <li><a href="#"><span>【变美哪些事】</span>我是这样变白的🐏<span class="ding"></span></a><span class="time">2018-12-2</span></li>
                        <li><a href="#"><span>【变美哪些事】</span>化妆前哪些步骤必不可缺？！<span class="ding"></span></a><span class="time">2018-12-3</span></li>
                        <li><a href="#"><span>【变美哪些事】</span>痘痘就这样离开我啦！来学习一下~😊<span class="ding">【置顶】</span></a><span class="time">2018-12-5</span></li>
                        <li><a href="#"><span>【变美哪些事】</span>冬日护肤知多d👍<span class="ding">【置顶】</span></a><span class="time">2018-12-8</span></li>
                    </ul>
                </div>
				<div>
                    <ul class="newslist01">
                        <li><a href="#"><span>【海淘宝物】</span>关于海淘你知多少？🌊<span class="ding">【置顶】</span></a><span class="time">2018-11-16</span></li>
                        <li><a href="#"><span>【海淘宝物】</span>快来看看12月海淘有啥新宝贝！<span class="ding"></span></a><span class="time">2018-12-1</span></li>
                        <li><a href="#"><span>【海淘宝物】</span>冬天必备的滋润霜 | 马油 🐎<span class="ding"></span></a><span class="time">2018-12-2</span></li>
                        <li><a href="#"><span>【海淘宝物】</span>婴儿面膜敷完能拥有bb肌？！<span class="ding"></span></a><span class="time">2018-12-3</span></li>
                        <li><a href="#"><span>【海淘宝物】</span>我彩你肯定喜欢这款圣诞口红！🎄<span class="ding"></span></a><span class="time">2018-12-5</span></li>
                        <li><a href="#"><span>【海淘宝物】</span>关于海淘，我们美啦是认真滴！👍<span class="ding">【置顶】</span></a><span class="time">2018-12-8</span></li>
                </div>
				<div>
                    <ul class="newslist01">
                        <li><a href="#"><span>【乐享品质】</span>香港SOGO祝你圣诞快乐！🔔<span class="ding"></span></a><span class="time">2018-11-16</span></li>
                        <li><a href="#"><span>【乐享品质】</span>北京SOGO祝你圣诞快乐！🎄<span class="ding"></span></a><span class="time">2018-12-1</span></li>
                        <li><a href="#"><span>【乐享品质】</span>广州正佳祝你圣诞快乐！🔔<span class="ding"></span></a><span class="time">2018-12-2</span></li>
                        <li><a href="#"><span>【乐享品质】</span>广州天河城祝你圣诞快乐！🎄<span class="ding"></span></a><span class="time">2018-12-3</span></li>
                        <li><a href="#"><span>【乐享品质】</span>广州天环祝你圣诞快乐！🔔<span class="ding"></span></a><span class="time">2018-12-5</span></li>
                        <li><a href="#"><span>【乐享品质】</span>上海大悦城祝你圣诞快乐！🎄<span class="ding"></span></a><span class="time">2018-12-8</span></li>
                    </ul>
                </div>
            </div>
        </div>
	<!--#@ 选项卡 -->
</div>
</div>
	<div style="margin-top: 100px">
		</div>
		<!-- footer -->
		
		<div class="footer">
			<div class="auto clearfix">
				<!-- footer主要-->
				<div class="five-superiority">
					<ul class="five-superiority-list clearfix">
						<li class="compensate_ico">
							<a href="#compensate">
								<span class="superiority-icon">
								</span>
								<span>
									假一赔百
								</span>
							</a>
						</li>
						<li class="retreat_ico">
							<a href="#refund">
								<span class="superiority-icon">
								</span>
								<span>
									7天无理由退款
								</span>
							</a>
						</li>
						<li class="technology_ico">
							<a class="superiority-text" href="#afterService">
								<span class="superiority-icon">
								</span>
								<span>
									7x24小时美妆指导
								</span>
							</a>
						</li>
						<li class="prepare_ico">
							<a href="#ico">
								<span class="superiority-icon">
								</span>
								<span>
									0元快速备案
								</span>
							</a>
						</li>
						<li class="service_ico">
							<a href="#secret">
								<span class="superiority-icon">
								</span>
								<span>
									会员优先抢购
								</span>
							</a>
						</li>
					</ul>
				</div>
				<div class="footer-floor1">
					<div class="footer-list">
						<ul>
							<li class="flist-title">
								新手指南
							</li>
							<li>
								<a href="#">
									<strong>
										购物流程
									</strong>
								</a>
							</li>
							<li>
								<a href="#">
									<strong>
										支付方式
									</strong>
								</a>
							</li>
							<li>
								<a href="#">
									<strong>
										会员注册
									</strong>
								</a>
							</li>
							<li>
								<a href="#">
									<strong>
										账户管理
									</strong>
								</a>
							</li>
							<li>
								<a href="#">
									<strong>
										常见问题
									</strong>
								</a>
							</li>
						</ul>
						<ul>
							<li class="flist-title">
								售后服务
							</li>
							<li>
								<a href="#">
									退货政策
								</a>
							</li>
							<li>
								<a href="#">
									退货流程
								</a>
							</li>
							<li>
								<a href="#">
									退货说明
								</a>
							</li>
							<li>
								<a href="#">
									联系客服
								</a>
							</li>
							<li>
								<a href="#">
									换货服务
								</a>
							</li>
						</ul>
						<ul>
							<li class="flist-title">
								物流配送
							</li>
							<li>
								<a href="#" target="user/">
									配送方式
								</a>
							</li>
							<!--<li><a href="http://icp.niaoyun.com/">备案中心</a></li>-->
							<li>
								<a href="#">
									配送服务
								</a>
							</li>
							<li>
								<a href="">
									运费标准
								</a>
							</li>
							<li>
								<a href="#">
									物流跟踪
								</a>
							</li>
							<li>
								<a href="#">
									验货签收
								</a>
							</li>
						</ul>
						<ul class="flist-4">
							<li class="flist-title">
								关于我们
							</li>
							<li>
								<a href="#">
									联系我们
								</a>
							</li>
							<li>
								<a href="#">
									招商合作
								</a>
							</li>
							<li>
								<a href="#">
									销售联盟
								</a>
							</li>
							<li>
								<a href="#">
									CEO邮箱
								</a>
							</li>
							<li>
								<a href="#">
									客服专线
								</a>
							</li>
						</u></div>
					<div class="footer-right">
						<div class="telephone" title="服务热线">
							<span>
							</span>
							<div class="tel-number">
							联系方式
							</div>
						</div>
						<div class="official-plat">
						
							<ul>
								<li>
									<a href="#a_null">
										<span class="weixin-logo">
										</span>
										美啦官方微信:meila2018
									</a>
								</li>
								<li title="点击打开官方微博">
									<a href="#" target="_blank">
										<span class="weibo-logo">
										</span>
										美啦官方微博：美啦
									</a>
								</li>
								<li title="点击打开官方客服">
									<a href="http://crm2.qq.com/page/portalpage/wpa.php?uin=XXXXXXXX&amp;aty=0&amp;a=0&amp;curl=&amp;ty=1">
										<span class="qq-logo">
										</span>
										美啦热线：6662191
									</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="clear-float">
					</div>
				</div>
			</div>
			<div class="footer-floor2">
				<p>
					网站信息·1997-2018 版权所有
				</p>
				<p>
					Copyright © 2008-2018 vip.com，All Rights Reserved  使用本网站即表示接受美啦用户协议。版权所有 广州美啦电子商务有限公司
                    粤公网安备 44010302111111号  粤ICP备08114786号 增值业务经营许可证：粤B2-20170777 网络文化经营许可证：粤网文〔2018〕5030-1743号
                    自营主体经营证照  风险监测信息  互联网药品交易服务资格证（粤C20140002） 
				</p>
			</div>
		</div>
		<!-- footer end -->
	 
<script src="lib/jquery/jquery.js"></script>
<script src="lib/bootstrap/js/bootstrap.js"></script>
<script src="js/main.js"></script>
<script src="js/swiper.min.js"></script>
<script src="js/jquery-2.0.3.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<script type="text/javascript" src="js/zySearch.js"></script>
<script type="text/javascript" src="js/SuperSlide.2.1.js"></script>
<script src="js/daimabiji.js" type="text/javascript"></script>

<script type="text/javascript">
	
		$("#zySearch").zySearch({
			"width":"355",
			"height":"33",
			"parentClass":"pageTitle",
			"callback":function(keyword){
				console.info("搜索的关键字");
				console.info(keyword);
			}
		});
	
</script>

<script>
var certifySwiper = new Swiper('#certify .swiper-container', {
	watchSlidesProgress: true,
	slidesPerView: 'auto',
	centeredSlides: true,
	loop: true,autoplay:true,
	loopedSlides: 5,
	autoplay: true,
	navigation: {
		nextEl: '.swiper-button-next',
		prevEl: '.swiper-button-prev',
	},
	pagination: {
		el: '.swiper-pagination',
		//clickable :true,
	},
	on: {
		progress: function(progress) {
			for (i = 0; i < this.slides.length; i++) {
				var slide = this.slides.eq(i);
				var slideProgress = this.slides[i].progress;
				modify = 1;
				if (Math.abs(slideProgress) > 1) {
					modify = (Math.abs(slideProgress) - 1) * 0.3 + 1;
				}
				translate = slideProgress * modify * 260 + 'px';
				scale = 1 - Math.abs(slideProgress) / 5;
				zIndex = 999 - Math.abs(Math.round(10 * slideProgress));
				slide.transform('translateX(' + translate + ') scale(' + scale + ')');
				slide.css('zIndex', zIndex);
				slide.css('opacity', 1);
				if (Math.abs(slideProgress) > 3) {
					slide.css('opacity', 0);
				}
			}
		},
		setTransition: function(transition) {
			for (var i = 0; i < this.slides.length; i++) {
				var slide = this.slides.eq(i)
				slide.transition(transition);
			}

		}
	}

})
</script>
<script type="text/javascript">
	$(document).ready(function(e) {
        $(".tab li").click(function(){
			$(".tab li").eq($(this).index()).addClass("activ").siblings().removeClass("activ");
			$(".tabCon div").hide().eq($(this).index()).show();
		})
    });
</script>

<script type="text/javascript">

$(document).ready(function(){

	$(".side ul li").hover(function(){
		$(this).find(".sidebox").stop().animate({"width":"124px"},200).css({"opacity":"1","filter":"Alpha(opacity=100)","background":"#ae1c1c"})	

	},function(){
		$(this).find(".sidebox").stop().animate({"width":"54px"},200).css({"opacity":"0.8","filter":"Alpha(opacity=80)","background":"#000"})	

	});
});



//回到顶部

function goTop(){

	$('html,body').animate({'scrollTop':0},600);

}

</script>
	
</body>
</html>
